<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/jsp/manage/common/taglibs.jsp" %>
<div class="body" style="position: relative">
    <div style="position: absolute;left: 20px;top:10px ; width: 70px; text-align: center;color: #47a6f5;cursor:pointer;border: 1px solid  #47a6f5;line-height: 28px"
         onclick="manage_sys_opens('中心机房','/manage/demo/powerPage/tosecondaryPages.html')">返回</div>
<div class="container"><div class="EMStop1"></div></div>
<div class="container1">
    <div class="EMSUspContent"><p class="EMStitle" style="position: absolute;top:40px ;position: relative">机房环境实时监控</p>
        <div class="content">
            <div class="left">
                <div class="upsSd" style=" background-image: url('/manage/assert/image/wensidu.gif');background-size:60% 90%;">
                    <div class="loading" id="box">

                    </div>
                </div>
                <p>连接状态 :<span class="linkSuccess"></span></p>
            </div>
            <div style="overflow: hidden;width:69% ">
                <div class="right" style="height: 380px; width:calc(100% + 19px);overflow: auto;font-size: 18px">
<%--            <div class="right">--%>
                <table id="humidtypeTmperature_table" border="2">
                    <tr>
                        <th class="blueBg">设备名称</th>
                        <th class="blueBg">链接状态</th>
                        <th class="blueBg">温度°C</th>
                        <th class="blueBg">湿度°C</th>
                    </tr>
                    <tr>
                        <th class="blueBg" style="width: 220px;">1号机柜上方温湿度监测</th>
                        <td><span name="" class="linkSuccess"></span></td>
                        <td><span name="wtp1"></span></td>
                        <td><span name="stp1"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg">2号机柜内温湿度监测</th>
                        <td><span name="" class="linkSuccess"></span></td>
                        <td><span name="wtp2d"></span></td>
                        <td><span name="stp2d"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg">4号机柜内温湿度监测</th>
                        <td><span name="" class="linkSuccess"></span></td>
                        <td><span name="wtp3"></span></td>
                        <td><span name="stp3"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg" style="width: ">6号机柜内温湿度监测</th>
                        <td><span name=""  class="linkSuccess"></span></td>
                        <td><span name="wtp9"></span></td>
                        <td><span name="stp9"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg">8号机柜内温湿度监测</th>
                        <td><span name=""  class="linkSuccess"></span></td>
                        <td><span name="wtp7"></span></td>
                        <td><span name="stp7"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg">9号机柜上方温湿度监测</th>
                        <td><span name="" class="linkSuccess"></span></td>
                        <td><span name="wtp5"></span></td>
                        <td><span name="stp5"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg">10号机柜内温湿度监测</th>
                        <td><span name="" class="linkSuccess"></span></td>
                        <td><span name="wtp1d"></span></td>
                        <td><span name="stp1d"></span></td>
                    </tr>
                    <tr>
                        <th class="blueBg">操作间温湿度监测</th>
                        <td><span name="" class="linkSuccess"></span></td>
                        <td><span name="wcztd"></span></td>
                        <td><span name="scztd"></span></td>
                    </tr>


                </table>
                 </div>
            </div>
        </div>
    </div>
</div>

</div>
<script>
    $(function () {
        var count = 0;
        var t = setInterval(function () {
            var $redDiv = $("#box").find(".greenBg");
            if(count === 15){
                count=-1;
                $("#box").find('.greenBg').removeClass('greenBg').addClass('white');
                $redDiv=$("#box").find(".first");
                $("#box").find(".last").removeClass("greenBg").addClass("white");
            }
            $redDiv.next().removeClass("white").addClass("greenBg");
            count++;
        }, 1000);

         $.post("/manage/demo/equipment/fetchLastData.html?eids="+ $.websocket.wenshidu8+","+$.websocket.wenshidu7+","+$.websocket.wenshidu6+","+$.websocket.wenshidu5+","+$.websocket.wenshidu4+","+$.websocket.wenshidu3+","+$.websocket.wenshidu2+","+$.websocket.wenshidu1,function (entity8) {

        })

    });
</script>